---
title: Chart
description: Beautiful charts. Built using Recharts. Copy and paste into your apps.
shadcnDocsLink: https://ui.shadcn.com/docs/components/chart
---

<ComponentPreview component="chart">
  ```tsx file=<rootDir>/src/examples/ui/chart/chart-area-stacked.tsx
  ```
</ComponentPreview>

## Installation

<Installation component="chart">
  ```tsx file=<rootDir>/src/components/ui/chart.tsx
  ```
</Installation>

### Add new variables

Add the chart variables to your styling if you haven't already. Visit the <Link href="/styling">styling page</Link> for more info.

## Usage

Visit the <Link href="/charts">charts page</Link> to see all the examples.
